<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>购物车</title>
	<link rel="stylesheet" href="../css/main.css" />
	<link rel="stylesheet" href="../css/index.css" />
	<link rel="stylesheet" href="../css/shopcar.css" />
	<link rel="stylesheet" href="../css/login.css" />
	<script src='../js/jquery-1.12.4.min.js'></script>
	<script src='../js/index.js'></script>
	<script src='../js/jquery.cookie.js'></script>
	<script src='../js/jquery.lazyload.min.js'></script>
</head>
<body>
	
	<!--header-->
	<div id="headerwrap">
		<div id="header">
			<b class="header-position"></b>
			<div class="header-city">邯郸
				<div class="citylist">
					<div class="citylisttit">当前城市：<b>邯郸</b></div>
					<ul class="cityitem">
						<li><span>S</span><a href="javascript:;">石家庄</a></li>
						<li><span>B</span><a href="javascript:;">保定</a></li>
						<li><span>C</span><a href="javascript:;">沧州</a> <a href="javascript:;">承德</a></li>
						<li><span>C</span><a href="javascript:;">邯郸</a>  <a href="javascript:;">衡水</a></li>
						<li><span>L</span><a href="javascript:;">廊坊</a></li>
						<li><span>Q</span><a href="javascript:;">秦皇岛</a></li>
						<li><span>T</span><a href="javascript:;">唐山</a></li>
						<li><span>X</span><a href="javascript:;">邢台</a></li>
						<li><span>Z</span><a href="javascript:;">张家口</a></li>
					</ul>
				</div>
			</div>
			<a class="header-switch" href="javascript:;">[切换区县]</a>
			<p class='header-welcome'>欢迎光临本店！<a href="login.html">请登录</a><a href="register.html">免费注册</a></p>
			<div class="header-myinfo">我的信息<span></span>
				<div class="myinfo-list">
					<a href="javascript:;">已买到的宝贝</a>
					<a href="javascript:;">我的地址管理</a>
				</div>
			</div>
			<a class="header-myfav" href="javascript:;"><i></i>我关注的店铺</a>
			<a class="header-shopcar" href="javascript:;"><i></i>购物车</a>
			<div class="header-collect" href="javascript:;">收藏夹<i></i>
				<div class="collectitem">
					<a href="javascript:;">收藏的宝贝</a>
					<a href="javascript:;">收藏的店铺</a>
				</div>
			</div>
			<div class="header-line">|</div>
			<div class="header-mobile" href="javascript:;"><span></span>手机版<i></i>
				<div href="javascript:;" class="app"><img src="../img/app.jpg" alt=""></div>
			</div>
			<div class="header-seller" href="javascript:;">商家支持<i></i>
				<div class="sellerhelp">
					<h5>商家：</h5>
					<p><a href="javascript:;">售后流程</a><a href="javascript:;">购物流程</a><a href="javascript:;">订购方式</a><a href="javascript:;">常见问题</a><a href="javascript:;">文章资讯</a><a href="javascript:;">聚惠卡</a><a href="javascript:;">认证商家</a><a href="javascript:;">商学院</a><a href="javascript:;">全面招商</a></p>
					<h6>帮助：</h6>
					<p class="p2"><a href="javascript:;">帮助中心</a></p>
				</div>
			</div>
			<div class="header-nav" href="javascript:;"><i></i>网站导航<span></span>
				<div class="navmenu">
					<div class="menuleft">
						<h6 class="menulefttit">产品分类 Product</h6>
						<p class="menuleftlist"><a href="javascript:;">食品生鲜</a><a href="javascript:;">服装服饰</a><a href="javascript:;">个护化妆</a><a href="javascript:;">手机数码</a><a href="javascript:;">家用电器</a><a href="javascript:;">家纺家居</a><a href="javascript:;">酒类饮料</a><a href="javascript:;">母婴用品</a></p>
					</div>
					<div class="menumid">
						<h6 class="menulefttit menumidtit">店铺街 Market</h6>
						<p class="menuleftlist menumidlist"><a href="javascript:;">精选</a><a href="javascript:;">女人</a><a href="javascript:;">男人</a><a href="javascript:;">家装</a><a href="javascript:;">母婴</a><a href="javascript:;">美妆</a><a href="javascript:;">美食</a><a href="javascript:;">数码</a></p>
					</div>
					<div class="menuright">
						<h6 class="menulefttit menurighttit">店铺街 Market</h6>
						<p class="menuleftlist menurightlist"><a href="javascript:;">精选</a><a href="javascript:;">女人</a><a href="javascript:;">男人</a><a href="javascript:;">家装</a><a href="javascript:;">母婴</a></p>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<!--header-->
	<div id="shopcarthead">
		<h1 id="shopcartlogo"><a href="../index.html"><img src="../img/login/logo.jpg" alt=""></a></h1>
		<div class="step">
			<div class="step1">查看购物车<p></p></div>
			<div class="step2">拍下商品<p>2</p></div>
			<div class="step3">付款<p>3</p></div>
			<div class="step4">确认收货<p>4</p></div>
			<div class="step5">评价<p>5</p></div>
		</div>
	</div>

	<!--主要内容区-->
	<div id="shopcartcontainer">
		<!--购物车-->
		<div id="shopcartwrap">
			<div class="shopcart">
				<div class="shopcarttit">
					<li class="shopcarttitlist1">
						<input type="checkbox" />全选
					</li>
					<li class="shopcarttitlist2">产品</li>
					<li class="shopcarttitlist3">数量</li>
					<li class="shopcarttitlist4">本店价</li>
					<li class="shopcarttitlist5">小计</li>
					<li class="shopcarttitlist6">操作</li>	
				</div>
				<div class="shopcartgoods">
					<!--<div class="shopcartstroe">店铺：L&L</div>-->
					<!-- <div class="shopcartgoodswrap">
					<div class="shopcartgoodsinfo">
						<li class="shopcartgoodsinfo1">
							<input type="checkbox" />
						</li>
						<li class="shopcartgoodsinfo2">
							<dl>
								<dt><a href="javascript:;"><img src="../img/34_thumb_G_1452797720522.jpg" alt=""></a></dt>
								<dd>
									<p><a href="javascript:;">2016春秋季新款韩版胖MM大码女装宽松中长款假两件棉麻长袖连衣裙</a></p>
									<span>尺码:M</span>
									<span>颜色:蓝色</span>
								</dd>
							</dl>
						</li>
						<li class="shopcartgoodsinfo3"></li>
						<li class="shopcartgoodsinfo4">78.00</li>
						<li class="shopcartgoodsinfo5">78.00</li>
						<li class="shopcartgoodsinfo6"><a href="javascript:;">删除</a></li>
					</div></div> -->
				</div>
				<div class="pay">
					<a href="javascript:;" class="continue">继续购物</a>
					<a href="javascript:;" class="clearall">清空购物车</a>
					<p class="priceinfo">应付总额： <span class="totalprice">00.00</span>，比市场价 <span class="marketpri">00.00</span> 节省了 <span class="save">00.00 00</span>%</p>
					<input type="button" class="gotopay" value="去结算">
				</div>
			</div>
		</div>

		<!--推荐-->
		<div id="groom">
			<div class="groomtablist">
				<div class="nonebefore"></div>
				<a class="groomitem active" href="javascript:;">购买的还买了</a>
				<div class="nonecenter"></div>
				<a class="groomitem" href="javascript:;">今日最受欢迎</a>
				<div class="noneafter"></div>
			</div>
			<ul class="goodsgroom">
				<li>
					<a href="javascript:;"><img src="../img/shopcart/groom1.jpg" alt=""></a>
					<p class="goods-info"><a href="javascript:;">海俪恩太阳镜女款唐嫣同款 时尚镀膜偏光太...</a></p>
					<p class="old-price">393.5</p>
					<p class="new-price">328.0</p>
					<a class="buy" href="javascript:;" title="buy"></a>
				</li>
				<li>
					<a href="javascript:;"><img src="../img/shopcart/groom2.jpg" alt=""></a>
					<p class="goods-info"><a href="javascript:;">海俪恩太阳镜女 唐嫣同款 2016新款 ...</a></p>
					<p class="old-price">393.5</p>
					<p class="new-price">328.0</p>
					<a class="buy" href="javascript:;" title="buy"></a>
				</li>
				<li>
					<a href="javascript:;"><img src="../img/shopcart/groom3.jpg" alt=""></a>
					<p class="goods-info"><a href="javascript:;">海俪恩2016新款太阳镜 男士墨镜 男款...</a></p>
					<p class="old-price">429.5</p>
					<p class="new-price">358.0</p>
					<a class="buy" href="javascript:;" title="buy"></a>
				</li>
				<li>
					<a href="javascript:;"><img src="../img/shopcart/groom4.jpg" alt=""></a>
					<p class="goods-info"><a href="javascript:;">普莱斯近视眼镜男 纯钛眼镜架男 商务半框...</a></p>
					<p class="old-price">201.6</p>
					<p class="new-price">168.0</p>
					<a class="buy" href="javascript:;" title="buy"></a>
				</li>
				<li>
					<a href="javascript:;"><img src="../img/shopcart/groom5.jpg" alt=""></a>
					<p class="goods-info"><a href="javascript:;">普莱斯太阳镜男墨镜偏光镜蛤蟆镜开车驾驶司...</a></p>
					<p class="old-price">213.6</p>
					<p class="new-price">178.0</p>
					<a class="buy" href="javascript:;" title="buy"></a>
				</li>
				<li>
					<a href="javascript:;"><img src="../img/shopcart/groom6.jpg" alt=""></a>
					<p class="goods-info"><a href="javascript:;">普莱斯2016新款太阳镜女 墨镜大框圆脸...</a></p>
					<p class="old-price">189.6</p>
					<p class="new-price">158.0</p>
					<a class="buy" href="javascript:;" title="buy"></a>
				</li>
				<li>
					<a href="javascript:;"><img src="../img/shopcart/groom7.jpg" alt=""></a>
					<p class="goods-info"><a href="javascript:;">普莱斯2016新太阳镜女四叶草墨镜女潮流...</a></p>
					<p class="old-price">222.0</p>
					<p class="new-price">185.0</p>
					<a class="buy" href="javascript:;" title="buy"></a>
				</li>
				<li>
					<a href="javascript:;"><img src="../img/shopcart/groom8.jpg" alt=""></a>
					<p class="goods-info"><a href="javascript:;">普莱斯2016太阳镜女潮圆脸太阳镜女开车...</a></p>
					<p class="old-price">153.6</p>
					<p class="new-price">128.0</p>
					<a class="buy" href="javascript:;" title="buy"></a>
				</li>
				<li>
					<a href="javascript:;"><img src="../img/shopcart/groom9.jpg" alt=""></a>
					<p class="goods-info"><a href="javascript:;">新款电脑防辐射眼镜护目镜抗疲劳复古眼镜框...</a></p>
					<p class="old-price">103.2</p>
					<p class="new-price">86.0</p>
					<a class="buy" href="javascript:;" title="buy"></a>
				</li>
				<li>
					<a href="javascript:;"><img src="../img/shopcart/groom10.jpg" alt=""></a>
					<p class="goods-info"><a href="javascript:;">新款潮韩版墨镜太阳镜明星款半框炫彩女圆形...</a></p>
					<p class="old-price">115.1</p>
					<p class="new-price">96.0</p>
					<a class="buy" href="javascript:;" title="buy"></a>
				</li>
			</ul>
		</div>
	</div>
	
	<!--侧边栏-->
	<div id="index-fixed">
		<div class="head">
			<a href="javascript:;"><img src="../img/user_head.png" alt="head" /></a>
			<div class="login hide">
				<form action="" name='index-login' class="index-login">
					<div class="login-top">
						<h6>请登录</h6>
						<span>还没有账号？</span>
						<a href="javascript:;">立即注册</a>
					</div>
					<div class="login-txtwrap">
						<span>账 号</span><input type="text" class='login-txt'>
					</div>
					<div class="login-passwrap">
						<span>密 码</span><input type="password" class='login-pass'>
					</div>
					<div class="login-sel">
						<input type="checkbox" />
						<span>记住密码</span>
						<a href="javascript:;">忘记密码？</a>
					</div>
					<input type="button" class="index-sub" value="立即登录">
				</form>
				<div class="cover"></div>
				<div class="icon"></div>
			</div>
		</div>
		<div class="saleo2o">
			在线销售
			<div class="o2o hide">
				<h6>在线销售顾问</h6>
				<div class="o2otop"><img src="../img/web_logo.png" alt="">在线客服</div>
				<div class="o2obottom"><img src="../img/qq1.gif" alt="">客服主管</div>
				<div class="cover"></div>
				<div class="icon"></div>
			</div>
		</div>
		<div class="research">
			<div class='before'><i></i>
			调查</div>
			<div class="after">在线调查</div>
			<div class="researchtest hide">
				在线调查问卷
				<div class="cover"></div>
				<div class="icon"></div>
			</div>
		</div>
		<div class="shopcar">
			<i></i>
			<p>购物车</p>
			<span class="totalnum">0</span>
			<div class="shopcaritem hide shopcartitem">
				<a class="thisnone" href="javascript:;">您的购物车里什么都没有哦，再去看看吧</a>
				<ul>
				</ul>
				<div class="cover"></div>
				<div class="icon"></div>
			</div>
		</div>
		<div class="look">
			<div class="before">
				<i></i>
				关注
			</div>
			<div class="after after2">
				关注店铺
			</div>
		</div>
		<div class="collect">
			<div class="before">
				<i></i>
				收藏
			</div>
			<div class="after after2">
				收藏商品
			</div>
		</div>
		<div class="code">
			<div class="wrap">
				<div class="before">
					<i></i>
				</div>
				<div class="after after2">
					官方微信
				</div>
			</div>
			
			<div class="codeitem hide">
				<img src="../img/weixin.png" alt="">
				扫描二维码，码上有礼！
				<div class="cover"></div>
				<div class="icon icon2"></div>
			</div>
		</div>
		<div class="totop">
			<div class="before">
				<i></i>
			</div>
			<div class="after after3">
				回到顶部
			</div>
		</div>
	</div>


	<!--loginfoot-->
	<div id="login-footwrap" style="margin-top:0;">
		<div id="login-foot">
			<p><a href="javascript:;">关于我们</a> |
			<a href="javascript:;">管理团队</a> |
			<a href="javascript:;">商家入驻</a> |
			<a href="javascript:;">媒体报道</a> |
			<a href="javascript:;">站点地图</a> |
			<a href="javascript:;">招贤纳士</a> |
			<a href="javascript:;">帮助中心</a> ICP备案证书号:<a href="javascript:;">冀ICP备14019346号-1</a></p>
			<p><a href="javascript:;">© 2005-2016 聚惠买商城 版权所有，并保留所有权利。</a> <a href="javascript:;">邯郸市开发区世纪大街2号才智港</a> <a href="javascript:;">Tel: 400-0310-707</a> <a href="javascript:;">E-mail: juhuimai@126.com</a></p>
		</div>
	</div>
</body>
</html>